<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$Think.config.site.title} - 主页</title>
    <meta name="keywords" content="{$Think.config.site.keywords}">
    <meta name="description" content="{$Think.config.site.description}">
    <link href="{$Think.config.site.resource_url}css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/animate.css" rel="stylesheet">    
    <link href="{$Think.config.site.resource_url}css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/style.css?v=4.1.0" rel="stylesheet">
    <style>
        #listtable .fa{    cursor: pointer;color: #1ab394;margin-right: 1em;}
    </style>
</head>

<body >
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <style type="text/css">.col-sm-12 label{ font-weight:300; }</style>
            <div class="ibox float-e-margins">
                <div class="">
                    <h5>{:lang('充电宝记录')}</h5>
                </div>
                <div class="row ibox-title">
                    <form action="" method="post" name="leaseorder">
                        <label >{:lang('充电宝ID')}:</label>
                        <label ><input type="text" class="input-sm form-control" name="deviceid" aria-controls="" placeholder="{:lang('输入')} {:lang('充电宝ID')}"></label>　　　
                        <label><button type="submit" class="btn btn-sm btn-primary"> {:lang('搜索')} </button> </label>
                    </form>
                </div>
                <div class="ibox-content">
                    <table class="table table-hover" id="listtable">
                        <thead>
                        <tr>
                            <th>{:lang('充电宝ID')}</th>
                            <th>{:lang('使用次数')}</th>
                        </tr>
                        </thead>
                        <tbody>
                        {volist name="list" id="v"}
                        <tr data-id="{$v.id}">
                            <td>{$v.device_id}</td>
                            <td>{$v.amount}</td>
                        </tr>
                        {/volist}
                        </tbody>
                    </table>
                </div>

                <div class="row">
                    <div class="col-sm-6">
                        <div class="dataTables_info" id="DataTables_Table_0_info" role="alert" aria-live="polite" aria-relevant="all"></div>
                    </div>
                    <div class="col-sm-6">
                        <div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate">
                            {$list->render()}
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
</div>
<script src="{$Think.config.site.resource_url}js/jquery.min.js?v=2.1.4"></script>
<script src="{$Think.config.site.resource_url}js/bootstrap.min.js?v=3.3.5"></script>
<script src="{$Think.config.site.resource_url}js/plugins/peity/jquery.peity.min.js"></script>
<script src="{$Think.config.site.resource_url}js/plugins/iCheck/icheck.min.js"></script>
<script src="{$Think.config.site.resource_url}js/plugins/layer/layer.js"></script>
<!--统计代码，可删除-->

</body>

</html>
